//variables
@btn_fs: 16px;
@grey: #959595;
@grey_l: #d3d3d3;
@grey_bg: #d8d8d8;
@red: #ed0000;
@green: #62aa12;
@blue: #4990e2;
@orange: #fe7f15;
@bg: #fff;
@hei: 44px;
@space: 12px;
@spaceV: 10px;

//mixins
.format(@font: 14px; @color: #fff) {
  font-size: @font;
  color: @color;
}
.greyBtn(@bg: #f5f5f5; @color: @grey;) {
  background:@bg;
  color: @color;
}
.redBtn(@bg: @red; @color: #fff;) {
  background:@bg;
  color: @color;
}
.vSpace(@b: 10px) {
  margin-bottom: @b;
}
.bgSize(@w: 16px; @h: auto) {
  background-size: @w @h;
}
.flex_w(@w: 50px){
  -webkit-box-flex: 0 0 @w;
  -moz-box-flex: 0 0 @w;
  -webkit-flex: 0 0 @w;
  -ms-flex: 0 0 @w;
  flex: 0 0 @w;
}

//extends
.flex{
  display: box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.flex_center{
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.flex_jus{
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}
.flex_wrap{
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex_col{
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.flex1{
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.vlc-slideBar-wrapper .vlc-slideBar-child a{
  display: inline;
}
